<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" %>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
	<title>Bootstrap 101 Template</title>

	<!-- Bootstrap -->
	<link href="/ui/bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet">
	<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
	<script src="/js/jquery.min.js"></script>
	<!-- Include all compiled plugins (below), or include individual files as needed -->
	<script src="/ui/bootstrap-3.3.4-dist/js/bootstrap.min.js"></script>


</head>
<body>
<h1>你好，世界 动态更改！</h1>
<p>
	<button type="button" class="btn btn-lg btn-default" onclick="showPage()">Default</button>
	<button type="button" class="btn btn-lg btn-primary">Primary</button>
	<button type="button" class="btn btn-lg btn-success">Success</button>
	<button type="button" class="btn btn-lg btn-info">Info</button>
	<button type="button" class="btn btn-lg btn-warning">Warning</button>
	<button type="button" class="btn btn-lg btn-danger">Danger</button>
	<button type="button" class="btn btn-lg btn-link">Link</button>
</p>

<button type="button" class="btn btn-default" aria-label="Left Align">
	<span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
</button>

<button type="button" class="btn btn-default btn-lg">
	<span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
</button>

<div id="mainpage">

</div>


<script type="text/javascript">

function showPage(){
	alert("showpage");
	$('#mainpage').load('subpage');
}

</script>

</body>
</html>